/* -------- layout page -------- */
body {
    background: #787878 url( ../images/fond.png) repeat-x top;
    margin: 0;
    /*font: normal 12px Arial;*/
    font-family: Arial, Sans-Serif;
    font-size: 12px;
}

#main {
    width: 1024px;
    /*margin: 0 100px;*/
    margin: 5px auto;
    background: #2E2E2E;
    color: #FFF;
	border: solid 1px #272727;
    border-radius: 10px;
	-webkit-border-radius: 10px;
	-mozilla-border-radius: 10px;
}

#header {
    background: transparent url(../images/header.png) no-repeat top left;
    height: 70px;
}

#header h1 {
    margin: 0 0;
    padding: 5px 0 0 10px;
}

img.logo-juggers {
  border:0;
  /*vertical-align: middle;*/
}

.soustitre {
    font-size: 10px;
    display: inline;
    color: #f0f0f0;
}

#rechercher { /*position: absolute;*/
    top: 25px;
    right: 100px;
    float: right;
    margin-top: -50px;
}

#rechercher fieldset {
    border: none;
}

#rechercher fieldset legend {
    display: none;
}

#rechercher input {
    background: #333 url(../images/recherche.jpg) no-repeat top left;
    width: 138px;
    height: 26px;
    color: white;
    border: 0px;
    padding: 5px 7px 0 27px;
    cursor: help;
}

#menu {
    width: 100%;
    height: 28px;
    margin: 0;
    padding: 0;
    /*background: #60c060;*/
    background: lime url(../images/green_gradient.jpg) repeat-x bottom left;
    /*border-top: solid 1px #60d060;
        border-bottom: solid 1px #40a040;*/
}

#menu li {
    float: left;
    width: 150px;
    height: 18px;
    text-align: center;
    /*background: #60c060;*/
    padding: 5px 10px;
    border-right: solid 1px #75B43D;
    color: white;
    list-style-type: none;
}

#cnx {
    clear: left;
    background: #272324;
    /*border: solid 3px transparent;*/
    margin: 3px;
    height: 200px;
    /*width: 180px;*/
    width: 1018px; /* 1024 - 3px - 3px (cf. margin) */
    background: transparent url(../images/adefinir.png) no-repeat top right;
}

#cnx form {
    width: 180px;
    margin: 0;
    padding: 0;
}

#cnx fieldset {
    border: none;
}

#cnx fieldset legend {
    display: none;
}

#cnx input {
    display: block;
}

#cnx label {
    display: block;
    color: white;
}

#cnx button {
    display: block;
    color: white;
    background: #373334;
    cursor: pointer;
    border: solid 1px grey;
}

#cnx p {
    margin: 0;
    padding: 0 0 0 10px;
    color: #f0f0f0;
}

#cnx a {
    color: #00a000;
}

#page {
    margin: 0 3px;
    padding: 10px 10px 10px 10px;
    background-color: #333;
}

#footer {
    color: #a0a0a0;
    font-size: 11px;
    text-align: center;
    height: 20px;
    background: transparent url(../images/footer.jpg) no-repeat bottom left;
}

/* ------ styles elements ------ */
h1 {

}  /* pas de h1 a part le titre page */
h2 {
    display: none;
}

h3 {
    margin: 0;
    padding: 0;
    color: #8D836D;
    clear: both;
}

/* EVENEMENTS */

.event { /*border : 1px solid white;*/
    margin-bottom: 15px;
}

.table-event {
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    color: #fff;
}

table.table-event:hover {
    background-color: #404040;
}

td.logo-event {
    width: 100px;
    text-align: center;
    vertical-align: top;
}

img.logo-event {

}

.desc-event {
    vertical-align: top;
}

.notes-event {
    vertical-align: top;
    width: 200px;
}

.notes-event img {
    vertical-align: middle;
}

.libelle {
    font-weight: bold;
    color: #8D836D;
}